<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="jquery-1.12.4.js"></script>
</head>
<body>
<input type="button" id="btu" value="插入">
<div id="re">
	我是div
</div>
<p id="p">p标签</p>

<script>
	$("#btu").click(function () {
		// 向选中元素的尾部添加内容
		// $("#re").append("尾部");
		// 将一个元素添加到拎一个元素尾部中作为子元素
		// $("#re").appendTo('#p');
		// 向选中元素的头部添加内容
		// $('#re').prepend('头部');
		// 将一个元素添加到拎一个元素头部中作为子元素
		$('#re').prependTo('#p');
	})
</script>
</body>
</html>